<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<script language="javascript" src="/resource/js/jquery.validate.js" type="text/javascript"></script> 

<div id="content">
							<!-- Begin Post -->
					
						<!-- End Post -->
						<!-- Begin registered -->
						<div id="registered">
							<h2>WELLCOME!<span class="title-bottom">&nbsp;</span></h2>
							<div class="registered"></div>							
							<div class="cl">&nbsp;</div>
						</div>
						
						<div>
							<div class="container">
                                <div class="wrapper">
                                    <article class="grid_9">
                                        <div class="indent-left">                                                                               
                                            <form action="register" id="contact-form" method="post"> 
                                            <div  style="color: red;"><s:property value='messenger'/></div>                   
                                                <fieldset>
													<label class="lb" style="padding-top: 15px;"><span class="text-form">Full Name </span><input name="member.fullname" type="text" class="required" /></label>
                                                    <label class="lb"><span class="text-form">UserName</span><input  name="member.user" type="text" class="required"/></label>
                                                    <label class="lb"><span class="text-form">PassWork</span><input name="member.pass" type="text" class="required" minlength="6" maxlength="12"/></label>
                                                    <label class="lb"><span class="text-form">IdCard</span><input name="member.id_card" type="text" class="required"/></label>
                                                    <label class="lb"><span class="text-form">Address</span><input name="member.address" type="text" class="required"/></label>
													<label class="lb"><span class="text-form">Phone</span><input name="member.phone" type="text" class="required number" minlength="10" maxlength="11"/></label> 	
													<label class="lb"><span class="text-form">Email</span><input name="member.mail" type="text" class="required email" id="email"/></label> 
																																				  																																					 
                                                    <div class="wrapper">                                                        
                                                        <div class="extra-wrap">                                                        
                                                            <div class="clear"></div>
                                                            <div class="buttonslogin">
                                                                <a id="register" class="button" href="#" >Register</a>
                                                                <a id="cancel" class="button" href="#" >Cancel </a>
                                                            </div> 
                                                        </div>
                                                    </div>                            
                                                </fieldset>						
                                            </form>
                                        </div>
                                    </article>
                                </div>
                            </div>
						</div>												
					</div>
					
<script type="text/javascript">
$(document).ready( function() {
	 var validator = $("#contact-form").validate({ 
	        rules: { 
	            name:"required",                         
	            mail: { 
	                required: true, 
	                email: true
	            },
	            pass: { 
	                required: true, 	               
	                minlength: 8                                
	            },
	            ngaysinh: "required",
	            lop: "required"
	        }, 	       
	    });
			$("#register").click(function(){
 				$("#contact-form").submit();				
			})					
});
</script>